<%@ page language="java" pageEncoding="UTF-8"
	errorPage="../../defaultException.jsp"%>
<%@include file="../../tags.jsp"%>
<html>
<head>
<title>目的地特色类别管理</title>
<%@include file="../../head.jsp"%>

</head>
<body>
	
	<table id="list_data" cellspacing="0" cellpadding="0">  
    <thead>  
        <tr>
				
				<th field="featureCategoryName" >特色分类名称</th>
				<th field="featureCategoryOrder">分类的显示顺序</th>
				<th field="parentName">父类别名称</th>
				<th field="defaultPauseTime">默认停留时间(分)</th>
				<th field="featureCategoryColor" formatter="backGroundColor">类别颜色</th>
				<th field="featureCategoryOrigImg" formatter="categoryImg">类别图标</th>
				<th field="featureCategoryDesc" >类别描述</th>
				
		</tr>
    </thead>  
	</table>  
	<script type="text/javascript">
	 function backGroundColor(value, row, index) {
			return "<div style='background-color:"+value+";width:70px;height:25px'/>";
		}
	function categoryImg(value, row, index) {
		return "<img src='${image_domain}"+value+"' width='150' height='100' >";
	}	
	</script>

	<div id="addDestFeatureDialog"
		style="width: 400px; height: 280px; padding: 10px 20px" closed="true">
	</div>
	
	<script type="text/javascript">
$('#list_data').datagrid({ 
    title:'目的地特色类别信息', 
    iconCls:'icon-edit',//图标 
    width: 900, 
    height: 500,
    doSize:true,
    nowrap: false, 
    striped: true, 
    border: true, 
    collapsible:false,//是否可折叠的 
    fitColumns: true,//自动大小 
    fit:false,
    url:'${cpath }/admin/dest/feature/category/list', 
    //sortName: 'code', 
    //sortOrder: 'desc', 
    remoteSort:false,  
    idField:'featureCategoryId', 
    singleSelect:true,//是否单选 
    pagination:false,//分页控件 
    rownumbers:true,//行号 
    //frozenColumns:[[ 
    //    {field:'ck',checkbox:true} 
    //]], 
    toolbar: [{ 
        text: '添加特色分类', 
        iconCls: 'icon-add', 
     	handler: function() { 
            var saveAction = cpath +'/admin/dest/feature/category/save';
            var openAction =  cpath +'/admin/dest/feature/category/vsave';
        	openAddDestFeatureCategoryDialog('添加特色分类',openAction,saveAction,addDestSuccess);
        } 
   },
   '-',
   { 
       text: '修改特色分类', 
       iconCls: 'icon-add', 
    	handler: function() { 
           var saveAction = cpath +'/admin/dest/feature/category/update';
           var openAction =  cpath +'/admin/dest/feature/category/vupdate';
           openAddDestFeatureCategoryDialog('修改特色分类 ',openAction,saveAction,addDestSuccess,getSelectDest);
       } 
  },
  '-',
  { 
      text: '删除特色分类', 
      iconCls: 'icon-remove', 
   	  handler: function() { 
          var deleteAction = cpath +'/admin/dest/feature/category/delete';
          deleteFeatureCategory(deleteAction,getSelectDest);
      } 
 },'-',{
		text : '刷新',
		iconCls : 'icon-reload',
		handler : function() {
			$('#list_data').datagrid('reload');
			save_status = false;
		}
	}]
});

</script>
	<script type="text/javascript">
		var url;
		var cpath = '${cpath}';
		
		function getSelectDest(){
			return $('#list_data').datagrid('getSelected');
		}
		
		function addDestSuccess(){
			$('#list_data').datagrid('reload'); // reload the user data
		}
		
		function openAddDestFeatureCategoryDialog(dlgtitle,openAction,saveAction,successCallback,getSelectDest){
			
			if(getSelectDest)
				{
					var row = getSelectDest();
					//没有选中行，则需要提示
					if (!row) {
						$.messager.alert("提示", "请选择一条特色分类信息", "info");
						return;
					} else if(row.featureCategoryId == 5) {
				        var openAction =  cpath +'/admin/dest/feature/vupdate/special?categoryId='+row.featureCategoryId;
					}
					else
					{
						openAction +="?categoryId="+row.featureCategoryId;
					}
				}
			
			$('#addDestFeatureDialog').dialog({  
			    title: dlgtitle ,  
			    width: 800,  
			    height: 400,  
			    closed: false,  
			    cache: false,  
			    resizable:true,
			    href:openAction,  
			    modal: true,
			    closed:true,
			    buttons:[{
					text:'保存',
					iconCls:"icon-ok",
					handler:function(){
						saveForm(saveAction,successCallback);
					}
				},{
					text:'取消',
					iconCls:"icon-cancel",
					handler:function(){
						$('#addDestFeatureDialog').dialog('close');
					}
				}]
			});
			$('#addDestFeatureDialog').dialog('open');
		}
		var save_status = false;
		function saveForm(saveAction,successCallback){
			if (save_status) {
				$.messager.alert("提示", "请耐心等待。。。后台执行中。。。", "info");
				return;
			}
			save_status = true;
			$('#fm').form('submit', {
				url :saveAction,
				onSubmit : function() {
					var result =  $(this).form('validate');
					if (!result){
						save_status = false;
					}
					return result;
				},
				success : function(result) {
					var result = eval('(' + result + ')');
					if (result.resultCode !== '00000000') {
						$.messager.alert("错误",result.resultMsg,"error");
						$('#list_data').datagrid('clearSelections');
					} else {
						$.messager.alert("成功",result.resultMsg,"info");
						$('#addDestFeatureDialog').dialog('close');
						if (successCallback){
							successCallback();
						}
						$('#list_data').datagrid('clearSelections');
					}
					save_status = false;
				}
			});
		}
		function deleteFeatureCategory(deleteAction,getSelectDest)
		{
			
			
				var row = getSelectDest();
				//没有选中行，则需要提示
				if (!row) {
					$.messager.alert("提示", "请选择要删除的特色分类信息！", "info");
					return;
				}
				if(row.featureCategoryId == 5){
					$.messager.alert("提示", "特别体验不可以删除！", "info");
					return;
				}
				if (row) {
					$.messager.confirm("提示", "确认要删除该特色分类信息吗？", function(r) {
						if (r) {
							$.post(deleteAction,row, function(result) {
								if (result.resultCode === '00000000') {
									$('#list_data').datagrid('reload'); // reload the user data
									$.messager.alert("提示", result.resultMsg, "info");
									$('#list_data').datagrid('clearSelections'); 
								} else {
									$.messager.alert("错误", result.resultMsg, "error");
									$('#list_data').datagrid('clearSelections');
								}
							}, 'json');
						}
					});
				}
		}
	</script>
<style type="text/css">
			#fm {
				margin: 0;
				padding: 40px 40px;
			}
			
			.ftitle {
				font-size: 14px;
				font-weight: bold;
				padding: 5px 0;
				margin-bottom: 10px;
				border-bottom: 1px solid #ccc;
			}
			
			.fitem {
				margin-bottom: 5px;
			}
			
			.fitem label {
				display: inline-block;
				width: 90px;
			}
			
		 </style>
</body>
</html>